<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui">
    <body>
        <ui:composition template="/WEB-INF/templates/template.xhtml">     
        <style type="text/css">
            .ui-datepicker{ font-size: 9pt;} .ui-button{font-size: 12pt;}
            .ui-tabs{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} 
            .ui-toolbar-group-left{font-size: 12px} 
            .ui-datatable .ui-datatable-header {
                        text-align: left;
                    }
        </style>
        <ui:define name="toolbar">      
            <h:form id="formToolbarLineaProduccion" >
                <p:panel  id="lineaproduccionToolbarPanel" visible="true" closeSpeed="300" closable="true" closeTitle="Cerrar" header="Gestión de Lineas de Produccion: nombre del componente ingreso consulta"  style="font-size: 12px; border-width: 0px">

                    <p:toolbar  id="toolOpcionesLineaProduccion" >
                        <p:toolbarGroup align="left" >
                            <p:commandButton id="botonNuevoLineaProduccion" update=":formDialogoIngresarLineaProduccion" oncomplete="dialogoIngresoLineaProduccion.show()"  type="push" title="Nuevo Tipo de LineaProduccion" icon="ui-icon-document" />
                            <p:separator />                            
                            <p:commandButton id="botonModificarLineaProduccion" type="push" title="Actualizar Tipo de LineaProduccion" icon="ui-icon-arrowrefresh-1-w" actionListener="#{lineaproduccionWeb.clicBotonModificarLineaProduccion()}" update=":formDialogoModificarLineaProduccion"  oncomplete="dialogoModificarLineaProduccion.show()" />                
                            <p:commandButton type="push" title="Eliminar Tipo de LineaProduccion" icon="ui-icon-trash" oncomplete="dialogoEliminarLineaProduccion.show()" />                  
                            <p:separator  />
                            <p:commandButton  ajax="false" type="push" title="Imprimir" icon="ui-icon-print" />
                        </p:toolbarGroup>
                    </p:toolbar>

                </p:panel>
            </h:form> 
        </ui:define> 
        <ui:define name="body">  
            <p:panel id="panelConsultarLineaProduccion"  style="font-size: 12px; border-width: 0px">                   
                <p:tabView orientation="top" style=" top: 14px;position: absolute; width: 97%" >
                    <p:tab id="tabLineaProduccion" title="LineaProduccion (#{lineaproduccionWeb.tablaDatosLineaProduccion.size()} coincidencias)"  titleStyle="font-size: 12px;"   >
                        <h:panelGrid columns="1" cellpadding="1"  >
                            <h:form id="formTablaConsultarLineaProduccion" >
                                <p:dataTable id="tablaConsultarLineaProduccion" var="consultarLineaProduccion" value="#{lineaproduccionWeb.tablaDatosLineaProduccion}" widgetVar="tablaConsultarLineaProduccion" 
                                              emptyMessage="Búsqueda finalizada, no existe linea de produccion con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                              rowsPerPageTemplate="5,10,20,100" selectionMode="single" selection="#{lineaproduccionWeb.lineaProduccionSeleccionado}" rowKey="#{consultarLineaProduccion.numeroLineaProduccion}"       >
                                    <p:ajax  event="rowSelect" listener="#{lineaproduccionWeb.eventoFilaSeleccionadaTablaConsultarLineaProduccion()}" process="@this" update=":formDialogoEliminarLineaProduccion" /> 
                                    <p:column id="columnaNumeroLineaProduccion" sortBy="#{consultarLineaProduccion.numeroLineaProduccion}" filterBy="#{consultarLineaProduccion.numeroLineaProduccion}" headerText="Linea de Produccion Numero"  style="min-width: 150px;width:25%" >
                                        <h:outputText value="#{consultarLineaProduccion.numeroLineaProduccion}"  />
                                    </p:column>
                                    <p:column id="columnaNombreLineaProduccion" sortBy="#{consultarLineaProduccion.nombreLineaProduccion}" filterBy="#{consultarLineaProduccion.nombreLineaProduccion}" headerText="Linea de Produccion"  style="min-width: 200px;width:50%" >
                                        <h:outputText value="#{consultarLineaProduccion.nombreLineaProduccion}"  />
                                    </p:column>                                    
                                    <p:column id="columnaFechaCreacionLineaProduccion" sortBy="#{consultarLineaProduccion.fechaCreacion}" filterBy="#{consultarLineaProduccion.fechaCreacion}" headerText="Fecha Creacion"  style="min-width: 100px;width:25%" >
                                        <h:outputText value="#{consultarLineaProduccion.fechaCreacion}"  />
                                    </p:column>
                                    <f:facet  name="footer" >
                                        <p:commandButton  id="botonMostrarDatosLineaProduccion" type="push" actionListener="#{lineaproduccionWeb.mostrarDatosDialogoDatosLineaProduccion()}" update=":formDialogoDatosLineaProduccion,:formDialogoDatosLineaProduccion:tablaDatosLineaProduccionDialogo"  oncomplete="dialogoConsultaLineaProduccion.show()" value="Mostrar Datos" icon="ui-icon-search"     />
                                    </f:facet>
                                 </p:dataTable>
                            </h:form>
                        </h:panelGrid>
                    </p:tab>
                </p:tabView>                         
            </p:panel>            
            </ui:define>
            <ui:define name="dialogos" >
            <!--Dialogo para ver toda la informacion relacionada con el lineaproduccion -->                
            <h:form id="formDialogoDatosLineaProduccion">
                <p:dialog id="DialogoDatosLineaProduccion" header="Datos de la Linea de Produccion:" widgetVar="dialogoConsultaLineaProduccion" resizable="false"  
                            modal="true" style="font-size: 12px"> 
                    <h:panelGrid columns="2" cellpadding="0" style="alignment-adjust: middle">                            
                            <p:dataTable id="tablaDatosLineaProduccionDialogo" value="#{lineaproduccionWeb.datosLineaProduccionSeleccionado}" var="datosSeleccionado" >                                
                                <p:column  style="text-align: right; font-weight: bold">                                    
                                    <h:outputText value="#{datosSeleccionado.substring(0, 27)}" style="font-size: 12px" />                                 
                                </p:column>
                                <p:column style="width: 260px">                                    
                                    <h:outputText value="#{datosSeleccionado.substring(27)}" style="font-size: 12px" />                                 
                                </p:column>                                                                    
                            </p:dataTable>   
                    </h:panelGrid> 
                    <p:separator/>
                    <p:commandButton value="Cerrar" type="button" onclick="dialogoConsultaLineaProduccion.hide()"/>
                </p:dialog>
            </h:form>    
            <!--Ingreso LineaProduccion -->
            <h:form id="formDialogoIngresarLineaProduccion">
                <p:dialog id="DialogoIngresarLineaProduccion" header="Ingreso de Nueva Linea de Produccion:" widgetVar="dialogoIngresoLineaProduccion" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px">
                    <h:panelGrid columns="2" >
                        <p:panel style="width: 99px; height: 205px; ">
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="Numero:"/>
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 52px; position: absolute; font-weight: bold; font-size: 12px "  value="* Linea de Produccion:"/>                    
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute; font-size: 12px "  value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 160px; position: absolute; font-weight: bold; font-size: 12px "  value="Fecha Creacion:"/>
                        </p:panel>
                        <p:panel style="width: 255px; height: 100px; border-width: 0px" >
                            <p:inputText id="textNumeroLineaProduccion" disabled="true" style="width: 150px; font-size: 12px;left: 124px; top: 20px; position: absolute ; "/>
                            <p:inputText id="textNombreLineaProduccion" requiredMessage="Ingrese el nombre de linea de produccion" style="width: 235px; font-size: 12px;left: 124px; top:50px ; position: absolute; "/>
                            <p:inputTextarea id="textDescripcionLineaProduccion"  rows="4" style="width: 235px;height: 55px; font-size: 12px;left: 124px; top: 80px; position: absolute; overflow-y: auto"/>                             
                            <p:inputText id="textFechaCreacionLineaProduccion" disabled="true" style="width: 150px; font-size: 12px;left: 124px; top: 151px; position: absolute; "/>                             
                            <p:separator style="left: 124px; top: 175px; position: absolute; width: 245px" />
                            <p:commandButton id="botonIngresarNuevaLineaProduccion" ajax="false" type="Submit" value="Guardar" actionListener="#{lineaproduccionWeb.clicBotonIngresarLineaProduccion()}"  update=":formTablaConsultarLineaProduccion" style="font-size: 12px ;left: 124px; top: 188px; width: 120px; position: absolute" icon="ui-icon-disk"/>
                            <p:commandButton id="botonCancelarIngresarNuevaLineaProduccion" value="Cancelar" type="push"       actionListener="#{lineaproduccionWeb.clicBotonResetearIngresarLineaProduccion()}"  update=":panelConsultarLineaProduccion" oncomplete="dialogoIngresoLineaProduccion.hide()" style="font-size: 12px ;left: 250px; top: 188px; position: absolute; width: 120px" icon="ui-icon-close" />
                        </p:panel>
                    </h:panelGrid>
                </p:dialog> 
            </h:form> 
            <!--Modificacion LineaProduccion --> 
            <h:form id="formDialogoModificarLineaProduccion">
                <p:dialog id="DialogoModificarLineaProduccion" header="Modificación de Linea de Produccion:" widgetVar="dialogoModificarLineaProduccion" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px">
                    <h:panelGrid columns="2" >
                        <p:panel style="width: 99px; height: 205px; ">
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="Numero:"/>
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 52px; position: absolute; font-weight: bold; font-size: 12px "  value="* Linea de Produccion:"/>                    
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute; font-size: 12px "  value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 160px; position: absolute; font-weight: bold; font-size: 12px "  value="Fecha Creacion:"/>
                        </p:panel>
                        <p:panel style="width: 255px; height: 100px; border-width: 0px"  >
                            <p:inputText id="textNumeroLineaProduccionModificar" disabled="true" style="width: 150px; font-size: 12px;left: 124px; top: 20px; position: absolute ; "/>                            <p:inputText id="textNombreLineaProduccionModificar"  requiredMessage="Ingrese el nombre de linea de produccion" style="width: 235px; font-size: 12px;left: 124px; top: 50px; position: absolute; "/>
                            <p:inputTextarea id="textDescripcionLineaProduccionModificar" rows="4" style="width: 235px;height: 55px; font-size: 12px;left: 124px; top: 80px; position: absolute; overflow-y: auto"/>                             
                            <p:inputText id="textFechaCreacionLineaProduccionModificar" disabled="true" style="width: 150px; font-size: 12px;left: 124px; top: 151px; position: absolute; "/>                             
                            <p:separator style="left: 124px; top: 175px; position: absolute; width: 245px" />
                            <p:commandButton id="botonActualizarDatosLineaProduccion" ajax="false" type="Submit" value="Actualizar" actionListener="#{lineaproduccionWeb.clicBotonActualizarDatosLineaProduccion()}"  update=":formTablaConsultarLineaProduccion" style="font-size: 12px ;left: 124px; top: 188px; width: 120px; position: absolute" icon="ui-icon-disk"/>
                            <p:commandButton id="botonCancelarActualizarDatosLineaProduccion" value="Cancelar" type="push"       actionListener="#{lineaproduccionWeb.clicBotonResetearIngresarLineaProduccion()}"  update=":panelConsultarLineaProduccion" oncomplete="dialogoModificarLineaProduccion.hide()" style="font-size: 12px ;left: 250px; top: 188px; position: absolute; width: 120px" icon="ui-icon-close" />
                        </p:panel>
                    </h:panelGrid>
                </p:dialog> 
            </h:form> 
            <!--Eliminacion LineaProduccion -->    
            <h:form id="formDialogoEliminarLineaProduccion"> 
                <p:confirmDialog message="Seguro desea eliminar la siguiente Linea de Produccion:" header="Eliminación de Linea de Produccion" severity="alert" 	
                     widgetVar="dialogoEliminarLineaProduccion" closable="false"  style="font-size: 12px">       
                    <h:panelGrid columns="2" cellpadding="1" > 
                        <h:outputText value="Linea de Produccion Numero:" style="font-size: 12px; font-weight: bold"/>
                        <h:outputText value="#{lineaproduccionWeb.lineaProduccionActualizarDatos.numeroLineaProduccion}" style="font-size: 12px; font-weight: bold"/>            
                        <h:outputText value="" style="font-size: 12px; color: white"/>
                        <h:outputText value="#{lineaproduccionWeb.lineaProduccionActualizarDatos.nombreLineaProduccion}" style="font-size: 12px; font-weight: bold"/>            
                        <h:outputText value="" style="font-size: 12px; color: white"/>                                                          
                    </h:panelGrid>
                    <p:separator  style="height: 0px" />
                    <p:commandButton ajax="false" value="Eliminar" actionListener="#{lineaproduccionWeb.clicBotonEliminarLineaProduccion()}"  oncomplete="dialogoEliminarLineaProduccion.hide()" process="@all" update="@all" style="font-size: 12px" />
                    <p:commandButton value="Cancelar" onclick="dialogoEliminarLineaProduccion.hide()" type="button" process="@none" update="@none" style="font-size: 12px" />         
              </p:confirmDialog>    
          </h:form>                   
           </ui:define>
        </ui:composition>
    </body>
</html>
